@import "../../common/css/variables.scss";
@import "../../../common/css/size.scss";

.m-user {
  background: #F5F5F5;
  .info {
    background: #fff url('../img/common/select-right.png') no-repeat 96%;
    background-size: 0.3rem;
    margin: $_10 0;
    height: $_120;

    .mheadPic {
      margin: 0 $_10;
      width: $_64;
      height: $_64;

    }
    .userInfo{

    }
    .summary {
      margin-top: $_10;
      width: $_180;
    }
    .edit{
     margin-right: $_40;
    }
  }

  .navList {
    background:  #fff;
    .navItem:nth-child(2){
      border-top: $_1 solid $borderCe8;
    }
    .navItem:nth-child(4){
      border-top: $_1 solid $borderCe8;
    }
    .navItem {
      height: $_50;
      //width: 100%;
      background: url('../img/common/select-right.png') no-repeat 96%;
      margin-left: $_20;
      background-size: 0.3rem;
      .navIcon {
        width: $_20;
        height: 100%;
        margin: 0 0.3rem 0 0;
        background-size: $_20;
      }
      .navName {
        font-size: $_14;
        color: #50505A ;
      }
    }
    .mNews{
      background: url('../img/user/news.png') no-repeat center;
    }
    .mOrder{
      background: url('../img/user/order.png') no-repeat center;
    }
    .mClient{
      background: url('../img/user/client.png') no-repeat center;
    }
    .mTeam{
      background: url('../img/user/team.png') no-repeat center;
    }
    .mWithdraw{
      background: url('../img/user/withdraw.png') no-repeat center;
    }
    .mTodo{
      background: url('../img/user/todo.png') no-repeat center;
    }
    .todoShowL{
      min-width: $_15;
      //height: $_15;
      //line-height: $_15;
      color: #fff;
      background: red;
      border-radius: $_10;
      //position: absolute;
      //right: $_30;
      margin-left: 8rem;
      text-align: center;
      padding: 0.051rem 0.12rem; ;
      font-size: $_10;
      font-weight: bold;
    }
    .todoShow{
      width: $_15;
      height: $_15;
      line-height: $_15;
      color: #fff;
      background: red;
      border-radius: 50%;
      //position: absolute;
      //right: $_30;
      margin-left: 8rem;
      text-align: center;
      padding: $_2 ;
      font-size: $_10;
      font-weight: bold;
    }
  }


}